<template>
  <div class="vip">
    <p class="bcvip">立即成为VIP</p>
    <p class="vipqy">会员权益</p>
  </div>
</template>
<script>
export default{
  name: ''
}
</script>
<style scoped lang="less">
  .vip{
    height: 144px;
    margin: 20px;
    border-radius: 5px;
    background-image: url(../../assets/img/mine/vipbg.png);
    background-size: contain;
    background-repeat: no-repeat;
    p.bcvip{
      color: #d1a46a;
      line-height: 160px;
      font-size: 1.4em;
      margin: 0 0 0 40px;
      float: left;
    }
    p.vipqy{
      float: right;
      color: #d1a46a;
      margin: 0 20px 0 0;
      line-height: 160px;
      background-image: url(../../assets/img/mine/help.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 16px;
      padding-right: 20px;
    }
  }
</style>